<template>
<div>
<h2>我是profile</h2>
<!-- 取出就是取出对象属性写法 -->


  <h2>{{$route.query.name}}</h2>
  <h2>{{$route.query.age}}</h2>
  <h2>{{$route.query.holidy}}</h2>
  <h2>{{$route.query.city}}</h2>
  <div>
      $router对象与$route对象的区别<br/>
      $router对象就是vue中的new Router 对象，他是vue全局的路由对象<br/>
      $route对象是router对象中的一个路由，即router数组中的一个对象；<br/>
      routes: [<br/>
    {<br/>
      // 路径缺省时,路由到home<br/>
      path: '/',<br/>

      redirect: "/home"<br/>
    },<br/>
    {<br/>
      path: "/about",<br/>
      name: "About",<br/>
      component: About<br/>
    },<br/>
    {<br/>
      path: "/home",<br/>
      name: "Home",<br/>
      component: Home,<br/>
      children:[<br/>
        {<br/>
          path: "news",<br/>
          component: HomeNews<br/>
        }<br/>
      ]<br/>
    }<br/>
  </div>
</div>
  
</template>

<script>
export default {
    name:"profile"
}
</script>

<style>

</style>